export const listStyle: Partial<CSSStyleDeclaration> = {
  position: 'fixed',
  width: '200px',
  backgroundColor: '#fff',
  margin: '0',
  borderRadius: '5px',
  padding: '5px 0px 0px',
  boxShadow: 'rgb(120 120 120) 0px 5px 15px',
}

export const listItemStyle: Partial<CSSStyleDeclaration> = {
  height: '30px',
  fontSize: '12px',
  listStyle: 'none',
  padding: '5px 25px',
  margin: '0 0 4px',
  lineHeight: '20px',
  textDecoration: 'none',
  background: 'none',
  borderBottom: '1px solid rgb(233, 233, 233)',
  cursor: 'pointer'
}

export const activeItemStyle: Partial<CSSStyleDeclaration> = {
  backgroundColor: 'rgba(100, 100, 100, 0.2)'
}